<style>
  @import url(../templates/bucket.css);

  #slider {
    position: absolute;
    left: 50%;
    top: 0px;
    background-color: #d3d3d3;
    width: 5px;
    height: 100%;
    z-index: 9999;
  }

  #slider:hover {
    cursor: ew-resize;
  }
</style>
<div id="cesiumContainer" class="fullSize">
  <div id="slider"></div>
</div>
<div id="loadingOverlay"><h1>Loading...</h1></div>
<div id="toolbar">
  <select
    data-bind="options: tilesets, optionsText: 'name', value: selectedTileset, optionsCaption: 'Choose a Tileset...'"
  ></select>
  <select
    data-bind="options: splitDirections, optionsText: 'name', value: selectedSplitDirection, optionsCaption: 'Choose a split direction...'"
  ></select>
  <div><input type="checkbox" data-bind="checked: shadows" /> Shadows</div>
</div>
